<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>行政处罚行为监管信息管理</title>
	<script src="../../js/header.js"></script>
	<style type="text/css">
		html, body, #jgxwpunish {
			padding: 0px;
			margin: 0px;
		}
		#jgxwpunish{
			border-top: 3px solid #0D9AFF;
			padding: 25px;
		}
		.tab-title{
			font-size: 16px;
			font-weight: bold;
			border-left: 4px solid #0D9AFF;
			font-family: PingFangSC-Medium;
			padding-left:10px;
			margin-bottom: 20px;
		}
		.el-dialog__footer {
			padding: 10px 20px 20px;
			text-align: center;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.el-dialog__body {
			color: rgb(96, 98, 102);
			font-size: 14px;
			word-break: break-all;
			padding: 0px 20px;
		}
		#excel {
			display: none;
		}
		.el-input__inner {
			-webkit-appearance: none;
			background-color: #FFF;
			background-image: none;
			border-radius: 4px;
			border: 1px solid #DCDFE6;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			color: #606266;
			display: inline-block;
			font-size: inherit;
			height: 30px;
			line-height: 30px;
			outline: 0;
			padding: 0 15px;
			-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		}
		
		.listed .el-form-item__label{
			letter-spacing: 3px;
		}
		.el-textarea {
			width: 95%;
		}

		/* 搜索按钮样式修改 */
		#jgxwpunish .el-button.is-circle.search_btn{
			position: absolute;
			right: 0;
			top: 0;
			border: 0;
			background: none;
		}
		#jgxwpunish .el-button.is-circle.search_btn i{
			font-size: 17px;
		}

        .form_date_width .el-date-editor.el-input, .el-date-editor.el-input__inner {
            width : 100%;
        }
	</style>
</head>

<body>
<div v-cloak id="jgxwpunish">
	<div style="margin-top: 10px;">
		<div style="margin-top: 10px;border-bottom:1px solid rgba(200,200,200,0.43);">
			<el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="160px">
				<el-row>
					<el-col :span="8">
						<el-form-item label="监管事项目录编码:" prop="" label-width="160px">
							<el-input v-model="selectForm.superviseItemCode" placeholder="" ></el-input>
						</el-form-item>
					</el-col>
					<el-col span="8">
						<el-form-item label="记录唯一标识:" label-width="160px">
							<el-input v-model="selectForm.recordUniqueIdentity" placeholder="" ></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="8">
						<el-form-item label="处罚行为名称:" prop="" label-width="160px">
							<el-input v-model="selectForm.punishActionName" placeholder="" ></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="处罚行为编号:" prop="" label-width="160px">
							<el-input v-model="selectForm.punishActionCode" placeholder="" ></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="8">
						<el-form-item label="实施机构:" prop="" label-width="160px">
							<el-input v-model="selectForm.implementInstitution" placeholder="" ></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="实施机构编码:" prop="" label-width="160px">
							<el-input v-model="selectForm.implementInstitutionCode" placeholder="" ></el-input>
						</el-form-item>
					</el-col>

					<div style="float: right;">
						<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="apply()">申请</el-button>
						<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm()">查询</el-button>
						<el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm()">重置</el-button>
					</div>
				</el-row>
			</el-form>
		</div>

		<el-table :data="tableData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
			<!--<el-table-column type="selection" ></el-table-column>-->
			<el-table-column
					prop="superviseItemCode"
					label="监管事项目录编码"
					width="150"
					align="center" >
			</el-table-column>
			<el-table-column
					prop="recordUniqueIdentity"
					label="记录唯一标识"
					width="200"
					align="center">
			</el-table-column>
			<el-table-column
					prop="punishActionName"
					label="处罚行为名称"
					width="200"
					align="center">
			</el-table-column>
			<el-table-column
					prop="punishActionCode"
					label="处罚行为编号"
					width="150"
					align="center">
			</el-table-column>
			<el-table-column
					prop="implementInstitution"
					label="实施机构"
					width="200"
					align="center">
			</el-table-column>
			<el-table-column
					prop="implementInstitutionCode"
					label="实施机构编码"
					width="150"
					align="center">
			</el-table-column>
			<el-table-column
					label="操作"
					width=""
					align="center">
				<template slot-scope="scope">
					<el-button size="mini" @click="view(scope.$index,scope.row)">查看</el-button>
					<el-button type="primary" size="mini" @click="edit(scope.$index,scope.row)">修改</el-button>
					<el-button type="danger" size="mini" @click="del(scope.$index,scope.row)">删除</el-button>
				</template>
			</el-table-column>
		</el-table>
		<div style="overflow: hidden;">
			<div class="pagination">
				<el-pagination
						@size-change="handleSizeChange"
						@current-change="handleCurrentChange"
						:current-page="currentPage"
						:page-sizes="[10, 20, 30, 40]"
						:page-size="pagesize"
						background
						layout="total, sizes,prev, pager, next"
						:total="tableTotal"
						prev-text="上一页"
						next-text="下一页">
				</el-pagination>
			</div>
		</div>

		<!-- 行政处罚行为监管信息详细页 -->
		<el-dialog title="" :visible.sync="dialogForm" center fullscreen>
			<div style="margin-top: 10px;">
				<el-form :model="jgxwpunish" :rules="rules" ref="jgxwpunish" label-width="200px" class="form_date_width">
					<!--行政处罚行为监管信息表-->
					<el-row>
						<el-col :span="4" class="tab-title">
							行政处罚行为监管信息表
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="监管事项目录编码:" prop="superviseItemCode">
								<el-input v-model="jgxwpunish.superviseItemCode" placeholder="" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="记录唯一标识:" prop="recordUniqueIdentity">
								<el-input v-model="jgxwpunish.recordUniqueIdentity" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>

					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="处罚行为名称:" prop="punishActionName">
								<el-input v-model="jgxwpunish.punishActionName" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col span="12">
							<el-form-item label="处罚行为编号:" prop="punishActionCode">
								<el-input v-model="jgxwpunish.punishActionCode" placeholder="" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="实施机构:" prop="implementInstitution" >
								<el-input v-model="jgxwpunish.implementInstitution" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="实施机构编码:" prop="implementInstitutionCode">
								<el-input v-model="jgxwpunish.implementInstitutionCode" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="受委托部门:" prop="entrustDept">
								<el-input v-model="jgxwpunish.entrustDept" placeholder="" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="受委托部门编码:" prop="entrustDeptCode">
								<el-input v-model="jgxwpunish.entrustDeptCode" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="监管对象:" prop="superviseObject">
								<el-tooltip class="item" effect="dark" content="1、企业、个体户、农专社，填写为企业统一社会信用代码；
																				2、自然人时，填写身份证号；
																				3、特种设备时，填写生产企业统一社会信用代码#产品品牌#出厂日期
																				4、为特定产品（食品）时，填写生产企业统一社会信用代码#生产批号
																				5、为特定产品（三种特殊食品）时，填写生产企业统一社会信用代码#生产批号
																				6、特定产品为药品时，填写生产企业统一社会信用代码#生产许可证编号#生产批号
																				7、特定产品为化妆品时，填写生产企业统一社会信用代码#生产许可证编号#生产批号
																				8、特定产品为医疗器械时，填写生产企业统一社会信用代码#注册证编号#生产批号
																				9、为场地场所时，填写场地场所名称#所在地区" placement="top-start">
									<el-input v-model="jgxwpunish.superviseObject" placeholder="" :disabled="formDisabled"></el-input>
								</el-tooltip>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="案件来源:" prop="caseSource" >
								<el-select v-model="jgxwpunish.caseSource" :disabled="formDisabled">
									<el-option
											v-for="item in caseSourceData"
											:key="item.appId"
											:label="item.dictName"
											:value="item.dictName">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="检查行为编号:" prop="checkActionCode">
								<el-input v-model="jgxwpunish.checkActionCode" placeholder="" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="行政区划代码:" prop="areaNumber">
                                <el-input v-model="jgxwpunish.areaNumber" placeholder="" :disabled="formDisabled"></el-input>
                            </el-form-item>
                        </el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="行政相对人（单位/个人）:" prop="administrativeCp">
								<el-input v-model="jgxwpunish.administrativeCp" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="行政相对人性质:" prop="administrativeCpNa">
								<el-select v-model="jgxwpunish.administrativeCpNa" placeholder="请选择行政相对人性质" :disabled="formDisabled" style="width: 100%;">
									<el-option
											v-for="item in cpNaData"
											:key="item.appId"
											:label="item.dictName"
											:value="item.dictName">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="行政相对人证件类型:" prop="administrativeCpCeType">
								<el-select v-model="jgxwpunish.administrativeCpCeType" placeholder="请选择行政相对人证件类型" :disabled="formDisabled" style="width: 100%;">
									<el-option
											v-for="item in cpCeTypeData"
											:key="item.appId"
											:label="item.dictName"
											:value="item.dictName">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="行政相对人(单位/个人)编码:" prop="administrativeCpUiCode" >
								<el-input v-model="jgxwpunish.administrativeCpUiCode" placeholder="" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="注册地址:"  prop="addressRegistered">
								<el-input v-model="jgxwpunish.addressRegistered" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="经营地址:"  prop="addressOperating">
								<el-input v-model="jgxwpunish.addressOperating" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>

						<el-col :span="12">
							<el-form-item label="违法事实:" prop="illegalFact" >
								<el-input v-model="jgxwpunish.illegalFact" placeholder="" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="处罚依据:" prop="punishAccord">
                                <el-input v-model="jgxwpunish.punishAccord" :disabled="formDisabled"></el-input>
                            </el-form-item>
                        </el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="处罚程序:" prop="punishProcedure">
								<el-select v-model="jgxwpunish.punishProcedure" :disabled="formDisabled">
									<el-option label="简易程序" value="0"></el-option>
									<el-option label="一般程序" value="1"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="处罚立案时间:" prop="filingDate">
                                <el-date-picker
                                        v-model="jgxwpunish.filingDate"
                                        type="date"
                                        value-format="yyyy-MM-dd"
                                        placeholder="选择处罚立案时间"
                                        :disabled="formDisabled">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="是否听证:" prop="ifHearingWitnesses">
								<el-radio-group v-model="jgxwpunish.ifHearingWitnesses" :disabled="formDisabled">
									<el-radio label="0">是</el-radio>
									<el-radio label="1">否</el-radio>
								</el-radio-group>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="是否涉刑案件:" prop="caseInvolvingPunishment">
                                <el-radio-group v-model="jgxwpunish.caseInvolvingPunishment" :disabled="formDisabled">
                                    <el-radio label="0">是</el-radio>
                                    <el-radio label="1">否</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="是否重大案件:" prop="majorCase">
								<el-radio-group v-model="jgxwpunish.majorCase" :disabled="formDisabled">
									<el-radio label="0">是</el-radio>
									<el-radio label="1">否</el-radio>
								</el-radio-group>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="是否法制审定:" prop="legalReview">
                                <el-radio-group v-model="jgxwpunish.legalReview" :disabled="formDisabled">
                                    <el-radio label="0">是</el-radio>
                                    <el-radio label="1">否</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="法制审定日期:" prop="legalReviewDate">
								<el-date-picker
										v-model="jgxwpunish.legalReviewDate"
										type="date"
										value-format="yyyy-MM-dd"
										placeholder="选择法制审定日期"
										:disabled="formDisabled">
								</el-date-picker>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="法制审定意见:" prop="legalReviewOpinions">
                                <el-input v-model="jgxwpunish.legalReviewOpinions" :disabled="formDisabled"></el-input>
                            </el-form-item>
                        </el-col>
					</el-row>
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="是否集体讨论:" prop="discussCollectively">
                                <el-radio-group v-model="jgxwpunish.discussCollectively" :disabled="formDisabled">
                                    <el-radio label="0">是</el-radio>
                                    <el-radio label="1">否</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="集体讨论日期:" prop="groupDiscussionDate">
                                <el-date-picker
                                        v-model="jgxwpunish.groupDiscussionDate"
                                        type="date"
                                        value-format="yyyy-MM-dd"
                                        placeholder="选择集体讨论日期"
                                        :disabled="formDisabled">
                                </el-date-picker>
                            </el-form-item>
                        </el-col>
                    </el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="集体讨论结论:" prop="groupDiscussion">
								<el-input v-model="jgxwpunish.groupDiscussion" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="处罚文书号:" prop="punishDocumentCode">
                                <el-input v-model="jgxwpunish.punishDocumentCode" :disabled="formDisabled"></el-input>
                            </el-form-item>
                        </el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="作出行政处罚决定日期:" prop="setDate">
								<el-date-picker
										v-model="jgxwpunish.setDate"
										type="date"
										value-format="yyyy-MM-dd"
										placeholder="选择作出行政处罚决定日期"
										:disabled="formDisabled">
								</el-date-picker>
							</el-form-item>
						</el-col>
                        <el-col :span="12">
                            <el-form-item label="处罚种类:" prop="punishType">
                                <el-select v-model="jgxwpunish.punishType" :disabled="formDisabled" style="width: 100%;">
                                    <el-option
                                            v-for="item in punishTypeData"
                                            :key="item.appId"
                                            :label="item.dictName"
                                            :value="item.dictName">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="罚款金额:" prop="fine">
								<el-input v-model="jgxwpunish.fine" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="处罚结果:" prop="penaltyResult">
								<el-input v-model="jgxwpunish.penaltyResult" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="行政复议:" prop="administrativeReconsider">
								<el-select v-model="jgxwpunish.administrativeReconsider" placeholder="请选择行政复议" :disabled="formDisabled" style="width: 100%;">
									<el-option
											v-for="item in reconsiderData"
											:key="item.appId"
											:label="item.dictName"
											:value="item.dictName">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="行政诉讼:" prop="administrativeAction">
								<el-select v-model="jgxwpunish.administrativeAction" placeholder="请选择行政诉讼" :disabled="formDisabled" style="width: 100%;">
									<el-option
											v-for="item in actionData"
											:key="item.appId"
											:label="item.dictName"
											:value="item.dictName">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="申请行政复议政府名称:" prop="applyAdministrativeReconsiderGovernment">
								<el-input v-model="jgxwpunish.applyAdministrativeReconsiderGovernment" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="申请行政复议部门名称:" prop="applyAdministrativeReconsiderDept">
								<el-input v-model="jgxwpunish.applyAdministrativeReconsiderDept" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="行政诉讼法院名称:" prop="administrativeActionCourt">
								<el-input v-model="jgxwpunish.administrativeActionCourt" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="结案情况—执行方式:" prop="casesClosedExecutionWay">
								<el-input v-model="jgxwpunish.casesClosedExecutionWay" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>

					<el-row>
						<el-col :span="12">
							<el-form-item label="结案情况—执行结果:" prop="casesClosedExecutionResult">
								<el-input v-model="jgxwpunish.casesClosedExecutionResult" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="结案实缴罚款金额:" prop="casesClosedFine">
								<el-input v-model="jgxwpunish.casesClosedFine" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>

					<el-row>
						<el-col :span="12">
							<el-form-item label="结案情况—不予行政处罚:" prop="casesClosedExecution">
								<el-radio-group v-model="jgxwpunish.casesClosedExecution" :disabled="formDisabled">
									<el-radio label="0">是</el-radio>
									<el-radio label="1">否</el-radio>
								</el-radio-group>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="结案情况—结案日期:" prop="administrativePenalties">
								<el-date-picker
										v-model="jgxwpunish.administrativePenalties"
										type="date"
										value-format="yyyy-MM-dd"
										placeholder="请选择结案情况—结案日期"
										:disabled="formDisabled">
								</el-date-picker>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="其他处理情况:" prop="otherDisposals">
								<el-input v-model="jgxwpunish.otherDisposals" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="移送时间:" prop="deportationDate">
								<el-date-picker
									v-model="jgxwpunish.deportationDate"
									type="date"
									value-format="yyyy-MM-dd"
									placeholder="请选择移送时间"
									:disabled="formDisabled">
								</el-date-picker>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="报送时间:" prop="submittedDate">
								<el-date-picker
										v-model="jgxwpunish.submittedDate"
										type="date"
										value-format="yyyy-MM-dd"
										placeholder="选择报送时间"
										:disabled="formDisabled">
								</el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="报送人员:" prop="submittedPersonnel">
								<el-input v-model="jgxwpunish.submittedPersonnel" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="插入时间:" prop="insertTime">
								<el-date-picker
										v-model="jgxwpunish.insertTime"
										type="date"
										value-format="yyyy-MM-dd"
										placeholder="选择插入时间"
										:disabled="formDisabled">
								</el-date-picker>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="来源:" prop="source">
								<el-input v-model="jgxwpunish.source" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item label="批次号:" prop="batchNumber">
								<el-input v-model="jgxwpunish.batchNumber" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="同步类型:" prop="synchronousType">
								<el-input v-model="jgxwpunish.synchronousType" :disabled="formDisabled"></el-input>
							</el-form-item>
						</el-col>

					</el-row>
                    <el-row>
                        <el-col :span="12">
                            <el-form-item label="数据来源:" prop="dataSource">
								<el-tooltip class="item" effect="dark" content="数据来源由三位数字组成。其中，第1位填写：0或者1，0代表应急管理部部本级，1代表地方。当第1位填写0时，第2、3位填写“部本级业务系统”代码集中对应的代码；当第1位填写1时，第2、3位填写“行政区划代码”代码集中对应的代码。" placement="top-start">
                                	<el-input v-model="jgxwpunish.dataSource" :disabled="formDisabled"></el-input>
								</el-tooltip>
                            </el-form-item>
                        </el-col>
                    </el-row>

					<el-row>
						<el-col :span="22">
							<div style="float:right;">
								<el-button v-show="showOnSubmit" type="primary" size="small" style="width: 60px;height: 30px;" @click="onSubmit('jgxwpunish')">提交</el-button>
								<el-button v-show="showOnReplace" type="primary" size="small" style="width: 60px;height: 30px;" @click="onReplace('jgxwpunish')">修改</el-button>
								<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogForm = false;clearForm()">取消</el-button>
							</div>
						</el-col>
					</el-row>
				</el-form>
			</div>
		</el-dialog>
	</div>
</div>
<script>
    var vm = new Vue({
        el: '#jgxwpunish',
        data() {
            return {
                provinceData: [],
				cityData:[],
				areaData: [],


				// 案件来源数组
                caseSourceData: [],
                // 行政相对人性质数组
                cpNaData : [],
                // 行政相对人证件类型数组
                cpCeTypeData : [],
				// 处罚种类
                punishTypeData : [],
				// 行政复议
                reconsiderData : [],
				// 行政诉讼
				actionData : [],


                currentPage: 1, //默认显示页面为1
                pagesize: 5, // 每页的数据条数
                tableTotal:'',

				jgxwpunish: {
                    id: '',// 表单id
                    superviseItemCode: '',
                    recordUniqueIdentity: '',
                    punishActionName: '',
                    punishActionCode: '',
                    implementInstitution: '',
                    implementInstitutionCode: '',
                    entrustDept: '',
                    entrustDeptCode: '',
                    superviseObject: '',
                    caseSource: '',
                    checkActionCode: '',
                    administrativeCp: '',
                    administrativeCpNa: '',
                    administrativeCpCeType: '',
                    administrativeCpUiCode: '',
                    addressRegistered: '',
                    addressOperating: '',
                    areaNumber: '',
                    illegalFact: '',
                    punishAccord: '',
                    punishProcedure : '',
                    ifHearingWitnesses : '',
                    filingDate : '',
                    caseInvolvingPunishment : '',
                    majorCase : '',
                    legalReview : '',
                    legalReviewDate : '',
                    legalReviewOpinions : '',
                    discussCollectively : '',
                    groupDiscussionDate : '',
                    groupDiscussion : '',
                    punishDocumentCode : '',
                    setDate : '',
                    punishType : '',
                    fine : '',
                    penaltyResult : '',
                    administrativeReconsider : '',
                    administrativeAction : '',
                    applyAdministrativeReconsiderGovernment : '',
                    applyAdministrativeReconsiderDept : '',
                    administrativeActionCourt : '',
                    casesClosedExecutionWay : '',
                    casesClosedExecutionResult : '',
                    casesClosedFine : '',
                    casesClosedExecution : '',
                    administrativePenalties : '',
                    otherDisposals : '',
                    deportationDate : '',
                    submittedDate: '',
                    submittedPersonnel: '',
                    insertTime: '',
                    source: '',
                    batchNumber: '',
                    synchronousType: '',
                    dataSource: ''

                },
                formDisabled: false,
                rules: {
                    superviseItemCode: [{
                        required: true,
						message: '请输入监管事项目录编码',
						trigger: 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
					}],
                    recordUniqueIdentity:[{
						required: true,
						message: '请输入记录唯一标识',
						trigger: 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    punishActionName: [{
                        required: true,
						message: '请输入处罚行为名称',
						trigger: 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    punishActionCode: [{
                        required: true,
						message: '请输入处罚行为编号',
						trigger: 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    implementInstitution: [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    implementInstitutionCode: [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    entrustDept: [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    entrustDeptCode: [{
                        max : 100,
                        message : '长度最大为100个字符',
                        trigger : 'blur'
                    }],
                    superviseObject: [{
                        required: true,
						message: '请输入监管对象',
						trigger: 'blur'
					},{
                        max : 200,
                        message : '长度最大为200个字符',
                        trigger : 'blur'
                    }],
                    caseSource : [{
                        required : true,
						message : '请输入案件来源',
						trigger : 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    checkActionCode : [{
						required : true,
						message : '请输入检查行为编号',
						trigger : 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    administrativeCp: [{
                        required: true,
						message: '请输入行政相对人（单位/个人）',
						trigger: 'blur'
					},{
                        max : 200,
                        message : '长度最大为200个字符',
                        trigger : 'blur'
                    }],
                    administrativeCpNa: [{
                    //     required: true,
                    //     message: '请输入行政相对人性质',
                    //     trigger: 'blur'
						max : 100,
						message : '长度最大为100个字符',
						trigger : 'blur'
                    }],
                    administrativeCpCeType: [{
                    //     required: true,
                    //     message: '请输入行政相对人证件类型',
                    //     trigger: 'blur'
                            max : 50,
                            message : '长度最大为50个字符',
                            trigger : 'blur'
                    }],
                    administrativeCpUiCode: [{
                        required: true,
                        message: '请输入行政相对人(单位/个人)编码',
                        trigger: 'blur'
                    },{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    addressRegistered: [{
                        max : 400,
                        message : '长度最大为400个字符',
                        trigger : 'blur'
                    }],
                    addressOperating: [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    areaNumber: [{
                        required: true,
                        message: '请输入行政区划代码',
                        trigger: 'blur'
                    },{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    illegalFact: [{
                        required: true,
                        message: '请输入违法事实',
                        trigger: 'blur'
                    },{
                        max : 1000,
                        message : '长度最大为1000个字符',
                        trigger : 'blur'
                    }],
                    punishAccord : [{
                        required : true,
						message : '请输入处罚依据',
						trigger : 'blur'
					},{
                        max : 1000,
                        message : '长度最大为1000个字符',
                        trigger : 'blur'
                    }],
                    punishProcedure : [{
                        required : true,
                        message : '请输入处罚程序',
                        trigger : 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    ifHearingWitnesses : [{
                        required : true,
                        message : '请选择是否听证',
                        trigger : 'blur'
					}],
                    legalReviewOpinions : [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    groupDiscussion : [{
                        max : 1000,
                        message : '长度最大为1000个字符',
                        trigger : 'blur'
                    }],
                    punishDocumentCode : [{
                        required : true,
						message : '请输入处罚文书号',
						trigger : 'blur'
					},{
                        max : 100,
                        message : '长度最大为100个字符',
                        trigger : 'blur'
                    }],
                    setDate : [{
                        required : true,
                        message : '请选择行政处罚决定日期',
                        trigger : 'blur'
					}],
                    punishType : [{
                        required : true,
						message : '请选择处罚种类',
						trigger : 'blur'
					},{
                        max : 100,
                        message : '长度最大为100个字符',
                        trigger : 'blur'
                    }],
                    penaltyResult : [{
                        required : true,
                        message : '请输入处罚结果',
                        trigger : 'blur'
					},{
                        max : 1000,
                        message : '长度最大为1000个字符',
                        trigger : 'blur'
                    }],
                    administrativeReconsider : [{
                        required : true,
						message : '请输入行政复议',
						trigger : 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    administrativeAction : [{
                        required : true,
                        message : '请选择行政诉讼',
                        trigger : 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    applyAdministrativeReconsiderGovernment : [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    applyAdministrativeReconsiderDept : [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    administrativeActionCourt : [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    casesClosedExecutionWay : [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    casesClosedExecutionResult : [{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    casesClosedExecution : [{
						required : true,
						message : '请选择结案情况—不予行政处罚',
						trigger : 'blur'
					},{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    otherDisposals : [{
                        max : 200,
                        message : '长度最大为200个字符',
                        trigger : 'blur'
                    }],
                    submittedPersonnel: [{
                    //     required: true,
                    //     message: '请输入报送人',
                    //     trigger: 'blur'
						max : 50,
						message : '长度最大为50个字符',
						trigger : 'blur'
                    }],
                    insertTime: [{
                        required: true,
                        message : '请选择插入时间',
                        trigger: 'blur'
                    }],
                    source: [{
                        required: true,
                        message : '请输入来源',
                        trigger : 'blur'
                    },{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    batchNumber: [{
                        required : true,
                        message : '请输入批次号',
                        trigger : 'blur'
                    },{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    synchronousType: [{
                        required : true,
                        message : '请输入同步类型',
                        trigger : 'blur'
                    },{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],
                    dataSource: [{
                        required : true,
                        message : '请输入数据来源',
                        trigger : 'blur'
                    },{
                        max : 50,
                        message : '长度最大为50个字符',
                        trigger : 'blur'
                    }],

                },
                dialogForm: false,
                selectForm: {
                    superviseItemCode: '',
                    recordUniqueIdentity: '',
                    actionName: '',
                    actionCode: '',
                    checkBehaviorNumber: '',
                    superviseObject: ''
                },

                currentRow: null,
                tableData: [],
                showOnSubmit: true,
                showOnReplace: false
            }
        },
        created() {
            /* 地区加载数据 */
            axios.get('../../json/ChinaCity.json').then(res => {
                this.provinceData = res.data;
			}).catch(e => {
					this.$message.error("网络连接超时");
			})


            /* 行政相对人证件类型加载数据 */
            axios.post('/dzjap/dict/getdict/d_administrativeCpCeType').then(res => {
                this.cpCeTypeData = res.data.data.result;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })

            /* 行政相对人性质加载数据 */
            axios.post('/dzjap/dict/getdict/d_administrativeCpNa').then(res => {
                this.cpNaData = res.data.data.result;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })

            /* 案件来源加载数据 */
            axios.post('/dzjap/dict/getdict/d_caseSource').then(res => {
                this.caseSourceData = res.data.data.result;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })

            /* 处罚类型加载数据 */
            axios.post('/dzjap/dict/getdict/d_punishType').then(res => {
                this.punishTypeData = res.data.data.result;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })


            /* 行政复议加载数据 */
            axios.post('/dzjap/dict/getdict/d_administrativeReconsider').then(res => {
                this.reconsiderData = res.data.data.result;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })

            /* 行政诉讼加载数据 */
            axios.post('/dzjap/dict/getdict/d_administrativeAction').then(res => {
                this.actionData = res.data.data.result;
            }).catch(e => {
                this.$message.error("网络连接超时");
            })




        },
        mounted(){
            this.getData();
        },
        methods: {
            getData() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;

                axios({
                    method: 'get',
                    url: '/dzjap/punish/getAllPunish',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno
                    }
                })
				.then(response => {
					let data = response.data;
					if (data.code == 200) {
						let dataInformation = data.data.results;
						this.tableTotal = data.data.total;// 数据长度

						this.tableData = dataInformation;
					} else {
						this.$message.error(data.msg);
					}
				})
				.catch(function (error) {
					console.log(error);
				});
            },
            // 表单提交
            onSubmit(jgxwpunish) {
                this.$refs[jgxwpunish].validate((valid) => {
                    if (valid) {
                        axios({
                            method: 'post',
                            url: '/dzjap/punish/addPunish',
                            data: this.jgxwpunish
                        })
                            .then((response) => {
                                let data = response.data;
                                if (data.code == 200) {
                                    this.dialogForm = false;
                                    this.$message({
                                        type: 'success',
                                        message: '添加成功!'
                                    });
                                    this.getData();
                                } else {
                                    this.$message.error(data.msg);
                                }
                            });
                    }
                })

            },
            // 表单修改
            onReplace(jgxwpunish){
                this.$refs[jgxwpunish].validate((valid) => {
                    if (valid) {
                        axios({
                            method: 'post',
                            url: '/dzjap/punish/updatePunish',
                            data: this.jgxwpunish
                        })
                            .then((response) => {
                                let data = response.data;
                                if (data.code == 200) {
                                    this.dialogForm = false;
                                    this.$message({
                                        type: 'success',
                                        message: '修改成功!'
                                    });
                                    this.getData();
                                } else {
                                    this.$message.error(data.msg);
                                }
                            });
                    }
                })

            },
            clearForm(){
                this.$refs.jgxwpunish.clearValidate();
                this.jgxwpunish.id = '';
                this.jgxwpunish.superviseItemCode = '';
                this.jgxwpunish.recordUniqueIdentity = '';
                this.jgxwpunish.punishActionName = '';
                this.jgxwpunish.punishActionCode = '';
                this.jgxwpunish.checkActionCode = '';
                this.jgxwpunish.superviseObject = '';
                this.jgxwpunish.caseSource = '';
                this.jgxwpunish.implementInstitution = '';
				this.jgxwpunish.implementInstitutionCode = '';
				this.jgxwpunish.entrustDept = '';
				this.jgxwpunish.entrustDeptCode = '';
				this.jgxwpunish.administrativeCp = '';
				this.jgxwpunish.administrativeCpNa = '';
				this.jgxwpunish.administrativeCpCeType = '';
				this.jgxwpunish.administrativeCpUiCode = '';
				this.jgxwpunish.addressRegistered = '';
				this.jgxwpunish.addressOperating = '';
				this.jgxwpunish.areaNumber = '';
				this.jgxwpunish.illegalFact = '';
                this.jgxwpunish.punishAccord = '';
                this.jgxwpunish.punishProcedure = '';
                this.jgxwpunish.ifHearingWitnesses = '0';
                this.jgxwpunish.filingDate = '';
                this.jgxwpunish.caseInvolvingPunishment = '0';
                this.jgxwpunish.majorCase = '0';
                this.jgxwpunish.legalReview = '0';
                this.jgxwpunish.legalReviewDate = '';
                this.jgxwpunish.legalReviewOpinions = '';
                this.jgxwpunish.discussCollectively = '0';
                this.jgxwpunish.groupDiscussionDate = '';
                this.jgxwpunish.groupDiscussion = '';
                this.jgxwpunish.punishDocumentCode = '';
                this.jgxwpunish.setDate = '';
                this.jgxwpunish.punishType = '';
                this.jgxwpunish.fine = '';
                this.jgxwpunish.penaltyResult = '';
                this.jgxwpunish.administrativeReconsider = '';
                this.jgxwpunish.administrativeAction = '';
                this.jgxwpunish.applyAdministrativeReconsiderGovernment = '';
                this.jgxwpunish.applyAdministrativeReconsiderDept = '';
                this.jgxwpunish.administrativeActionCourt = '';
                this.jgxwpunish.casesClosedExecutionWay = '';
                this.jgxwpunish.casesClosedExecutionResult = '';
                this.jgxwpunish.casesClosedFine = '';
                this.jgxwpunish.casesClosedExecution = '0';
                this.jgxwpunish.administrativePenalties = '';
                this.jgxwpunish.otherDisposals = '';
                this.jgxwpunish.deportationDate = '';
                this.jgxwpunish.submittedDate = '';
                this.jgxwpunish.submittedPersonnel = '';
                this.jgxwpunish.insertTime = '';
                this.jgxwpunish.source = '';
                this.jgxwpunish.batchNumber = '';
                this.jgxwpunish.synchronousType = '';
                this.jgxwpunish.dataSource = '';

            },
            handleChange(value) {
                console.log(value);
            },
            apply(){
                this.dialogForm = true;
                this.showOnSubmit = true;
                this.showOnReplace = false;

                this.clearForm();

                this.formDisabled = false;
            },
            /* 单选搜索表单 */
            selectCurrentChange(val){
                this.currentRow = val;
            },
            /* 列表页搜索 */
            searchForm() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;

                axios({
                    method: 'get',
                    url: '/dzjap/punish/getAllConPunish',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno,
                        superviseItemCode: this.selectForm.superviseItemCode,
                        recordUniqueIdentity: this.selectForm.recordUniqueIdentity,
                        punishActionName: this.selectForm.punishActionName,
                        punishActionCode: this.selectForm.punishActionCode,
                        implementInstitution: this.selectForm.implementInstitution,
                        implementInstitutionCode: this.selectForm.implementInstitutionCode,

                    }
                })
                .then(response => {
                    let data = response.data;
                    console.log(data);
                    if (data.code == 200) {
                        let dataInformation = data.data.results;
                        this.tableTotal = data.data.total;// 数据长度

                        this.tableData = dataInformation;
                    } else {
                        this.$message.error(data.msg);
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
            },
            /* 列表页重置 */
            resetForm(formName) {
                this.selectForm.superviseItemCode = '';
				this.selectForm.recordUniqueIdentity = '';
                this.selectForm.punishActionName = '';
                this.selectForm.punishActionCode = '';
                this.selectForm.implementInstitution = '';
				this.selectForm.implementInstitutionCode = '';
                this.getData();
            },
            //每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
                /*console.log(this.pagesize) */
            },
            //点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
            },
            // 设置允许填写和不允许填写
            checkDisabled(n){
                if(n){
                    this.formDisabled = true;
                }else{
                    this.formDisabled = false;
                }
            },
            /* 选择省份 */
            chooseProvince(value) {
                this.editcityValue = '';
                this.editareaValue = '';
                this.cityData = [];
                this.areaData = [];
                this.provinceData.map(e => {//遍历数据
                    if (value == e.name) {
                    this.cityData = e.cityList;
                    return;
                }
            })
                console.log(value)
                this.editprovinceValue = value;
            },
            /* 选择城市 */
            chooseCity(value) {
                this.editareaValue = '';
                this.cityData.map(e => {//遍历数据
                    if (value == e.name) {
                    this.areaData = e.areaList;
                    return;
                }
            })
                console.log(value)
                this.editcityValue = value;
            },
            /* 选择区域 */
            chooseArea(value) {
                console.log(value)
                this.newareaValue = value;
                this.jgxwpunish.addressRegistered = this.provinceValue + "-" + this.cityValue + "-" + this.areaValue;

            },
            // 删除
            del(index,row){
                var id = row.id;

                this.$confirm('确定要删除吗?', '提示', {
                    cancelButtonText: '取消',
                    confirmButtonText: '确定',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/punish/deletePunish/',
						params: {
                            id: id,
						}
                    })
					.then(response => {
						let data = response.data;

						if (data.code == 200) {
							// 确认删除
							this.$message({
								type: 'success',
								message: '删除成功!'
							});
							this.getData();
						} else {
							this.$message.error(data.msg);
						}
					})
					.catch(function (error) {
						console.log(error);
					});
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消删除'
                    });
                });
            },
            // 查看
            view(index,row){
                this.dialogForm = true;
                this.showOnReplace = false;
                this.showOnSubmit = false;

                this.showInformation(index,row);
                this.checkDisabled(true);
            },
            // 修改
            edit(index,row){
                this.dialogForm = true;
                this.showOnReplace = true;
                this.showOnSubmit = false;

                this.showInformation(index,row);
                this.checkDisabled(false);
            },
            // 公共方法--查看
            showInformation(index,row){
                console.log(row);

                axios({
                    method: 'get',
                    url: '/dzjap/punish/getPunish',
                    params: {
                        id: row.id
                    }
                })
				.then(response => {
					let data = response.data;
					if (data.code == 200) {
						let rowdata = response.data.data;
						this.clearForm(); // 重置

						this.jgxwpunish = rowdata;
					} else {
						this.$message.error(data.msg);
					}
				})
				.catch(function (error) {
					console.log(error);
				});
            }
        }
    })
</script>
</body>
</html>